/* ------------ 通用设置 ------------ */
* {
	margin: 0px;
	padding: 0px;
	/* 解决文字变大 */
	max-height: 9999px;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	font-family: sans-serif;
}

/* ------------ 主体颜色 ------------ */
:root {
	/* ----- 绿色主题 ----- */

	--color: #42bc7a;
	--color-1: #def0e4;
	--color-2: #addbbc;

	--light: #ffffff;
	--light1: #f1f2f3;
	--light2: #f3f6f9;

	--theme: var(--color);
	--resume-bg: var(--light);
	--text-bg: var(--light2);

	/* 标题 */
	--title-bg: #dbf0e5;
	/* --title-bg: #d4f2de; */
	--title-border: var(--theme);
	--title: #000;
	/* 文字 */
	--text-bold: #2c3e50;
	--text: #2c3e50;

	/* 徽章 */
	--huizhang1: #ff9999;
	--huizhang2: #ffcc99;
	--huizhang3: #99ccff;
	--huizhang4: #99cc66;
	--huizhang5: #66cccc;
	--huizhang6: #ccccff;

	/* ----- 进度条背景 ----- */
	--bar-bg: var(--light1);
	/* ----- 进度条内容 ----- */
	--bar-bg1: var(--color-1);
	--bar-bg2: var(--color-2);
	--bar-bg3: var(--theme);
	/* ----- 进度条内容边框 ----- */
	--bar-border: var(--theme);
}

body {
	background-color: #f3f4f5;
}

/* ------------ 简历设置 ------------ */
.resume {
	width: 794px;
	height: 1122px;
	margin: 0 auto;
	background-color: var(--resume-bg);
	overflow: hidden;
}

/* ------------ 简历头部 ------------ */
.resume-head {
	height: 260px;
	padding-top: 35px;
	text-align: center;
	position: relative;
	z-index: 0;

	/* border: 1px solid red; */
}

/* 背景字体 */
.bg-font {
	position: absolute;
	width: 100%;
	color: var(--text-bg);
	font-size: 170px;
	font-weight: bolder;
	z-index: -1;
	user-select: none;
	top: 0;
	font-family: '宋体';
}

/* 旋转动画 */
@keyframes xuanzhuan {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* 头像框旋转 */
.xuanzhuan {
	position: absolute;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-image: linear-gradient(#12c2e9, #c471ed, #f64f59);
	animation: xuanzhuan 3s linear infinite;
	z-index: -1;

	top: 30px;
	left: 332px;
}

/* 头像包裹*/
.touxiang {
	margin: 0 auto;
	/* display: block; */
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	/* background-color: #ccc; */
	position: relative;
	margin-bottom: 10px;
}

/* 头像照片 */
.touxiang img {
	width: 120px;
	width: 100%;
	border-radius: 50%;
	/* 调整为居中 */
	margin-top: -18px;
}

/* 姓名 */
.resume-head h2 {
	position: relative;
	/* 字体左右间距 */
	letter-spacing: 7px;
	margin-bottom: 5px;
}

/* 认证 V 图标 */
.resume-head h2 i::after {
	height: 30px !important;
	color: #ffb502;
	font-style: normal;
	font-family: 'iconfont';
	content: '\e601';
	font-size: 18px;
}

/* 徽章 */
.resume-head ul {
	position: absolute;
	/* left: 0; */
	bottom: 5px;
	width: 100%;
	user-select: none;
	display: flex;
	justify-content: center;
}

.resume-head ul li {
	color: #fff;
	font-size: 14px;
	border-radius: 16px;
	/* border: 1px solid #dadada; */

	padding: 2px 10px;
	margin: 0 12px;
}

.resume-head ul li:nth-child(1) {
	background-color: var(--huizhang1);
}

.resume-head ul li:nth-child(2) {
	background-color: var(--huizhang2);
}

.resume-head ul li:nth-child(3) {
	background-color: var(--huizhang3);
}

.resume-head ul li:nth-child(4) {
	background-color: var(--huizhang4);
}

.resume-head ul li:nth-child(5) {
	background-color: var(--huizhang5);
}

.resume-head ul li:nth-child(6) {
	background-color: var(--huizhang6);
}

/* ------------ 简历主体------------ */
.resume-main {
	width: 100%;
	/* height: 100%; */
	height: 832px;
	display: flex;
	padding: 10px 30px;
	overflow: hidden;
}

/* 盒子标题、模块标题 */
.box-title,
.module-title {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 700;
	color: var(--title);
	background: var(--title-bg);
	background: var(--title-bg);
	border-left: 7px solid var(--title-border);

	padding-left: 15px;
}

/* ------------ 简历左侧 ------------ */
.resume-left {
	width: 240px;
	height: 100%;
	padding-right: 30px;
}

/* ------- 左侧盒子 ------- */
.box {
	width: 180px;
	width: 100%;
	/* border: 1px solid red; */
	/* margin-bottom: 20px; */
}

/* 盒子内容 */
.box-content {
	color: var(--text);
	padding: 15px 0 15px 15px;
}

/* 盒子小节 */
.box-wrap {
	margin-bottom: 30px;
}

.box-wrap li {
	margin-bottom: 15px;
}

/* 基本信息图标 */
.xinxi li::before {
	font-style: normal;
	font-family: 'iconfont';
	/* font-size: 18px; */
	color: var(--theme);
	margin-right: 5px;
}

.xinxi li:nth-child(1)::before {
	/* 年龄 */
	content: '\e60a';
}

.xinxi li:nth-child(2)::before {
	/* 籍贯 */
	content: '\e609';
}

.xinxi li:nth-child(3)::before {
	/* 微信 */
	content: '\e60b';
}

.xinxi li:nth-child(4)::before {
	/* 电话 */
	content: '\e600';
}

.xinxi li:nth-child(5)::before {
	/* 邮箱 */
	content: '\e602';
}

/* ----- 备用图标 ----- */
.xinxi li i {
	/* 学历 */
	content: '\e608';
	/* 专业 */
	content: '\e60e';
	/* 微信*/
	content: '\e60b';
}

.jiaoyu li {
	/* text-align: center; */
	margin-bottom: 8px;
	font-weight: 700;
}

/* 学校logo */
.jiaoyu img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto;
}

.zhiye li {
	margin-bottom: 10px;

}

/* 职业技能 */
.bar li span {
	display: inline-block;
	width: 50px;
	/* font-size: 12px; */
}

/* ----- 进度条 ----- */
.bar div {
	display: inline-block;
	background-color: var(--bar-bg);
	height: 12px;
	width: 66%;
	border-radius: 20px;
	box-shadow: inset 0 1px 2px rgb(0 0 0 /30%);
	padding-left: 2px;
}

/* 进度条进度 */
.bar div i {
	display: block;
	height: 12px;
	line-height: 18;
	padding-left: 2px;
	border-radius: 20px;
	border: 1px solid var(--bar-border);
	background-image: linear-gradient(to bottom, var(--bar-bg1) 0%, var(--bar-bg2) 40%, var(--bar-bg3) 100%);
}

/* ------------ 简历右侧 ------------ */
.resume-right {
	width: 554px;
	height: 100%;
	border-left: 1px dotted #ccc;
	/* border-left: 1px solid #ccc; */
	padding-left: 30px;
	overflow: hidden;
}

/* ------- 右侧模块 ------- */

/* 模块标题 */
/* .module-title {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 700;
	color: var(--title);
	background-color: var(--title-bg);
	border-left: 10px solid var(--title-border);

	padding-left: 15px;
} */

.module-content {
	color: var(--text);
	/* ------------------------------------------------- */
	padding: 15px 10px 15px 15px;
}

.module-wrap {
	margin-bottom: 10px;
}




/* ----- 三等分 ----- */
.col3 {
	display: flex;
	justify-content: space-between;
	/* justify-content: start; */
	/* font-size: 17px; */
	color: var(--text-bold);
	font-weight: 700;
	overflow: hidden;
}


/* ----- 二等分 ----- */
.col2 {
	display: flex;
	justify-content: space-between;
	/* justify-content: start; */
	/* font-size: 17px; */

	overflow: hidden;
}

/* .col2 ul{
	flex:1
} */
.zhengshu ul:nth-child(1) li {

	margin-left: 20px;
}

.zhengshu li {

	list-style: circle !important;
}

/* 主要用于项目经验 */
.item-edit p {
	/* font-size: 13px; */
	/* 向两侧对齐，最后一行无效 */
	/* text-align: justify; */
	line-height: 1.4;
}

.xiangmu .item-edit ul {
	counter-reset: li;
}

.xiangmu .item-edit li::before {
	counter-increment: li;
	content: counter(li) '.';
}

/* ----- 技能特长 ----- */
.jineng li:before {
	content: '\2713';
	margin: 20px 5px;
}

.jineng li {
	margin-bottom: 5px;
}

.resume-foot {
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #6a8bad;
}

.resume-foot a {
	color: #6a8bad;
}